<template>
  <view class="h-14 flex items-center justify-between px-4 bg-white">
    <view class="text-sm">金币</view>
    <view class="flex">
      <input class="text-right px-2" type="text" placeholder="0">
      币
    </view>
  </view>

  <view class="mt-4 h-14 flex items-center justify-between px-4 bg-white" @click="jumpCreate">
    <view class="text-sm">添加优惠券</view>
    <view class="flex items-center">
      <text class="text-xs text-slate-400">最多添加5种</text>
      <image class="w-5 h-5" src="@/static/image/rt.png"></image>
    </view>
  </view>

  <view class="gitfBtn flex items-center justify-center w-36 h-10 bg-indigo-500 rounded-3xl text-white fixed bottom-4" @click="jumpCreate">确定</view>
</template>

<script setup lang="ts">
const jumpCreate = () => {
  uni.navigateTo({ url: '/pages/coupon/create' })
}
</script>

<style scoped lang="scss">
page {
  min-height: 100vh;
  background: #f5f5f5;
}

.gitfBtn {
  left: 50%;
  transform: translateX(-50%);
}
</style>
